<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>剑桥英语</title>
  <link rel="stylesheet" href="css/init.css">
  <link rel="stylesheet" href="css/headerFooter.css">
  <link rel="stylesheet" href="css/cooperation.css">
</head>
<body>
<header class="container clearfix">
  <div class="header">
    <img src="./img/logo.png" width="52px" height="59px" alt="">
    <div class="headerLine"></div>
    <img class="jqlogo" src="./img/logoName.png" width="150px" height="55px" alt="">
    <img class="right rightImg" width="110px" height="33px" src="./img/logoRight.png" alt="">
  </div>
</header>
<div class="headerBg"></div>
<div class="container clearfix ">
  <div class="bread"><a href="index.html">首页 > </a><a href="resetPwd.html" class="active">修改密码</a></div>
  <div class="titleName">
    <span class="line"></span><span class="name">修改密码</span><span class="line"></span>
  </div>
  <div class="coopCon">
    <div class="coopBlock clearfix container">
      <div class="w30">旧密码：</div>
      <div class="w70"><input id="oldPwd" type="password" placeholder="请输入旧密码"></div>
    </div>
    <div class="coopBlock clearfix container">
      <div class="w30">新密码：</div>
      <div class="w70"><input id="newPwd" type="text" placeholder="请输入新密码"></div>
    </div>
    <div class="coopBlock clearfix container">
      <div class="w30">确认新密码：</div>
      <div class="w70"><input id="confirmPwd" type="text" placeholder="请确认新密码"></div>
      <div class="w30"></div>
      <div class="w70 notice" style="font-size: 12px;color: #FFB106">注意：密码请使用6-20位的英文字母与数字组合。</div>
    </div>
    <div class="coopBlock clearfix container">
      <div id="confirm" class="login" style="text-align: center">
        <span>提交</span>
      </div>
    </div>
  </div>
</div>
<div class="bottomBg1" style="margin-top: -30px"></div>
<div class="bottomBg2">
  <div class="container clearfix">
    <div class="bottomBlock bottomBlock1">
      <div class="bottomBlockTitle" style="margin-bottom: 25px">
        <span>我要咨询</span><span class="line"></span><span>Consulting</span>
      </div>
      <a class="bottomBlockName" href="question.html">考试常见问题FAQ</a>
      <a class="bottomBlockName" href="javascript:;">在线课程咨询</a>
      <a class="bottomBlockName" href="cooperation.html">商务合作</a>
    </div>
    <div class="bottomBlock bottomBlock2">
      <div class="bottomBlockTitle" style="margin-bottom: 50px">
        <span>在线课程</span><span class="line"></span><span>Online Courses</span>
      </div>
      <a class="bottomBlockName" href="javascript:;">进入课程</a>
    </div>
  </div>
</div>
<footer class="footer clearfix" style="margin-top: 0">
  <div class="container clearfix">
    <div class="footerTitle">剑桥领思中国运营中心</div>
    <div class='footerLeft'>
      <div>客服电话</div>
      <div class="line"><span ></span></div>
      <div class="info"><i class="footerIcon phone"></i>400-100-8565 </div>
      <div style="font-size: 12px">（周一至周日 08:00 – 20:00）</div>
    </div>
    <div class='footerCenter'>
      <div>客服邮箱</div>
      <div class="line"><span></span></div>
      <div class="info"><i class="footerIcon email"></i>service@piloteducation.cn</div>
    </div>
    <div class='footerRight right'>
      <img class="" src="./img/logoName.png" width="175px" height="64px" alt="">
    </div>
  </div>

</footer>
<div class="copyRight">
  京公网安备11011302000942号 <a href="https://beian.miit.gov.cn/" style="color:#fff">ICP备案许可证：京ICP备13031798号-1</a> Copyright 2005 - 2020 领航文化 All Rights Reserved
</div>
<script src="js/jquery-2.1.1.min.js"></script>
<script src="js/Area.js"></script>
<script src="js/AreaData_min.js"></script>
<script src="layer/layer.js"></script>
<script>
  $(document).ready(function(){
    $('#confirm').click(function () {
      if($('#oldPwd').val() === ''){
        err('请输入旧密码')
        return
      }
      if($('#newPwd').val() === ''){
        err('请输入新密码')
        return;
      }
      if($('#confirmPwd').val() === ''){
        err('请确认新密码')
        return;
      }
      var reg = /^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{6,20}$/;
      if(reg.test($('#newPwd').val())){
        err('请正确输入密码')
      }
      if($('#confirmPwd').val() != $('#newPwd').val()){
        err('两次密码输入不一致')
        return;
      }
      var oldPwd = $('#oldPwd').val();
      var newPwd = $('#newPwd').val();
      var confirmPwd = $('#confirmPwd').val();
      console.log(oldPwd,newPwd,confirmPwd)
      layer.msg('修改成功',{icon: 1})
    })
    function err(title) {
      layer.msg(title);
    }
    // 返回
    $('#back').click(function () {
      $('.coopCon').show(200);
      $('.confirmSucc').hide(200);
    })
  });
</script>
</body>
</html>
